<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        #btn {
            width: 200px;
            height: 50px;
            text-align: center;
            line-height: 50px;
            font-size: 20px;
        }

        #code {
            width: 200px;
            height: 50px;
            text-align: center;
            line-height: 50px;
            font-size: 20px;
            border-radius: 25px;
            border: 1px solid black;
        }
    </style>
</head>

<body>
    <input type="button" id="btn" value="生成随机验证码">
    <br><br><br>
    <div id="code"></div>
</body>
<script>
    // 5. 封装函数，实现随机rgb颜色，结果为字符
    // - 颜色值的范围：0~255
    // function color(a, b, c) {
    //     var a = parseInt(Math.random() * 255);
    //     var b = parseInt(Math.random() * 255);
    //     var c = parseInt(Math.random() * 255);
    //     return "rgb(" + a + "," + b + "," + c + ")"
    // }
    // console.log(color())




    // 6. 封装函数，实现随机十六进制的颜色，结果为字符
    // - 颜色值的范围：0~255
    // function color2(a, b, c) {
    //     var a = parseInt(Math.random() * 255);
    //     var b = parseInt(Math.random() * 255);
    //     var c = parseInt(Math.random() * 255);
    //     if(a < 16){
    //         a = "0" + a.toString(16)
    //     }
    //     else{
    //         a = a.toString(16)
    //     }
    //     if(b < 16){
    //         b = "0" + b.toString(16)
    //     }
    //     else{
    //         b = b.toString(16)
    //     }
    //     if(c < 16){
    //         c = "0" + c.toString(16)
    //     }
    //     else{
    //         c = c.toString(16)
    //     }

    //     return "#"+ a + b + c 
    // }
    // console.log(color2())



    // 7. 封装函数，实现4位数字的随机验证码
    // var btn = document.getElementById("btn");
    // var code = document.getElementById("code");
    // btn.onclick = function(){
    //     var a = parseInt(Math.random()* 9);
    //     var b = parseInt(Math.random()* 9);
    //     var c = parseInt(Math.random()* 9);
    //     var d = parseInt(Math.random()* 9);

    //     code.innerHTML = a+''+b+''+c+''+d
    //     return a+''+b+''+c+''+d
    // }

    // 8. 封装函数，实现4位数字字母混合的随机验证码
    // var str = "0123456789abcdefghijklmnopqrstvuwxyz"
    // console.log(str.length)
    // function ran(){
    //     var a = str[parseInt(Math.random()* 36)];
    //     var b = str[parseInt(Math.random()* 36)];
    //     var c = str[parseInt(Math.random()* 36)];
    //     var d = str[parseInt(Math.random()* 36)];
    //     return a+b+c+d
    // }
    // console.log(ran())

    // 使用字符串拼接操作，配合日期对象，格式化日期：
    // - 返回值：yyyy年mm月dd日 星期d hh:mm:ss
    // - 注意：月份，星期，注意小于10的数字的处理
    // var d = new Date()
    // console.log(d.getFullYear())
    // console.log(d.getMonth())
    // console.log(d.getDay())
    // console.log(d.getDate())
    // console.log(d.getMinutes())
    // console.log(d.getHours())
    // console.log(d.getSeconds())
    // var a = ""

    // switch (d.getDay()) {
    //     case 0:
    //     a = "日"
    //         break;
    //     case 1:
    //     a = "一"
    //         break;
    //     case 2:
    //     a = "二"
    //         break;
    //     case 3:
    //     a = "三"
    //         break;
    //     case 4:
    //     a = "四"
    //         break;
    //     case 5:
    //     a = "五"
    //         break;
    //     case 6:
    //     a = "六"
    //         break;
    // }
    // console.log(d.getFullYear() + "年" + (d.getMonth() + 1) + '月' + d.getDate() + '日'+'星期'+ a + " " + d.getHours() +":"+ d.getMinutes() +":" + d.getSeconds())


    // 封装计算两个日期之间差值的函数
    // - 利用参数，传入两个指定日期（字符）
    // - 返回值为对象，如：{day:x, hour: y, minu: z, sec: s}
    




</script>

</html>